<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/dropdown_select.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Helvetica_iDesign_Vn_97_BlkCn_900.font.js"></script>
<script type="text/javascript">
	Cufon.replace('.menu a',{hover: true});
</script>
<script type="text/javascript">
	Cufon.replace('h2, h3, .content_bottom h3, .title_icon, h6, .button a, a.clear');
</script>
</head>

<body id="top">
	<div id="container">
    	<div id="header">
        	<div class="top_header">
            	<div class="fix960">
                	<div class="menu">
                    	<ul>
                        	<li><a href="#">Trang chủ</a></li>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                    <div class="community">
                    	<a href="#" class="rss"></a>
                        <a href="#" class="fb"></a>
                        <a href="#" class="tw"></a>
                    </div>
                </div>
            </div>
            <div class="mid_header">
            	<div class="fix960">
                	<div class="logo fl"><a href="#"><img src="images/logo.png" /></a></div>
                    <div class="slogan fl"><img src="images/img_portfolio.png" /></div>
                </div>
            </div>
        </div>
    	<div id="content">
        <div class="fix960">
        	<div class="panel_left">
            	<div class="block_white">
                	<div class="manager_account">
                    	<strong>PANDA</strong> 
						<div class="link_blue"><a href="#">Quản lý tài khoản</a> | <a href="#">Thoát</a></div>
                    </div>
                </div>
                <div class="block_white">
                	<div class="manager_account">
                    	<div class="title">QUẢN LÝ THÔNG TIN</div> 
						<div class="link01 pd_tb_m"><a href="#">QUẢN LÝ TÁC PHẨM</a></div>
                    </div>
                </div>
            </div>
            <div class="panel_mid">
            	<div class="block_white">
                	<div class="block_heading_black">
                    	<div class="pd_tb_xl ofh">
                    	<div class="fl">
                        	<h6><span class="blue_color">Tác phẩm</span> | <span class="gray_color">Tạo mới</span> <span><img src="images/ico12.png" /></span></h6>
                        </div>
                        <div class="fr">
                         	<div class="volume fr">
                            	<div class="bg_vol_blue">
                                	<div class="bg_vol_white" style=" width:35%"></div>
                                </div>
                            </div> 
                            <div class="available fr"><h6>12 <span class="blue_color">/ 50M</span></h6></div>  
                        </div>
                        </div>
                    </div>
                    <div class="detail">
                    	<div class="ofh">
                        	<div class="link04"><a href="#"><strong>CHỈNH SỬA TÁC PHẨM</strong></a> | <a href="#">QUAY LẠI</a></div>
                            <div class="ofh">
                                <div class="w180 fl">
                                	<div class="thumb"><img src="images/thumb.png" /></div>
                                    <div class="button">
                                    	<a href="#">HIỆN</a>
                                        <a href="#">ẨN</a>
                                        <a href="#">XOÁ</a>
                                        <div class="pd_b_m"></div>
                                        <a href="#">CLICK ĐỂ THÊM TÁC PHẨM</a>
                                        <a href="#">+</a>
                                    </div>
                                    <hr />
                                    <div class="edit_list_image">
                                    	<div class="btn_close_1"><a href="#"><img src="images/ico06.png" /></a><span>badangca.jpg</span></div>
                                        <div class="btn_close_1"><a href="#"><img src="images/ico06.png" /></a><span>hdfsh dfh sdfh .jpg</span></div>
                                        <div class="btn_close_1"><a href="#"><img src="images/ico06.png" /></a><span>hsd dfh dfsh dfh.jpg</span></div>
                                        <div class="btn_close_1"><a href="#"><img src="images/ico06.png" /></a><span>gdfsg sdg ds .jpg</span></div>
                                        <div class="btn_close_1"><a href="#"><img src="images/ico06.png" /></a><span>gsdfg.jpg</span></div>
                                    </div>
                                </div>
                                <div class="w400 fr">
                                	<form action="" method="get">
                                    	<div class="">
                                    	<div class="title_01">thay đổi tiêu đề</div>
                                        <div class="fix_textfield_1 mgr_bot_xl"><input name="" type="text" class="textfield blue_color" /></div>
                                        </div>
                                        <div class="">
                                    	<div class="title_01">thay đổi giới thiệu</div>
                                        <div class="fix_textarea_1 mgr_bot_xl"><textarea name="" cols="" rows="" class="textarea"></textarea></div>
                                        </div>
                                        <div class="">
                                    	<div class="title_01">thay đổi trang bìa</div>
                                        <div class="position_fixed textcenter mgr_bot_xl">
                                            <div class="fix_box_img_edit"></div>
                                            <div class="button"><a href="#" class="fb_l">Click để upload</a></div>
                                        </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="ofh">
                            	<div class="w180 fl">
                                	<div class="button">
                                    	<a href="#" class="fix">LƯU THAY ĐỔI <span><img src="images/ico13.png" /></span></a>
                                    </div>
                                </div>
                                <div class="w400 fr">
                                	<div class="manager_account">
                                        <strong>THAY ĐỔI THƯ MỤC</strong> 
                                        <div class="link_blue"><a href="#">Đồ họa (xóa)</a> | <a href="#">Minh họa (xóa)</a> | <a href="#" class="gray">Thêm mới +</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
<hr />
                        <div class="position_fixed textcenter mgr_bot_xl">
                        	<img src="images/img_sample01.jpg" />
                            <div class="bg_transparent_1">
                                <div class="community_fixed">
                                    <a href="#" class="clear">XOÁ</a>
                                </div>
                            </div>
                        </div>
                        <div class="position_fixed textcenter mgr_bot_xl">
                        	<img src="images/img_sample01.jpg" />
                        </div>
                        
                    </div>
                    	
                </div>
            </div>
            <div class="panel_right">
            	<div class=" block_white pd_all_m mgr_bot_m">
                	<!--<div class="selectbox">Tìm kiếm</div>
                    <div class="selectbox1">THƯ MỤC</div>-->
                    <div class="combobox_01">
                    	<select name="a" id="a" class="styled" style=" width:123px;"><option>Tìm kiếm</option>
                        </select>
                    </div>
                    <div class="combobox_02">
                    	<select name="b" id="b" class="styled" style=" width:123px;">
                        	<option>THƯ MỤC</option>
                        	<option>Tất cả</option>
                            <option>Đồ họa</option>
                            <option>Website</option>
                            <option>Thiết kế</option>
                            <option>Thương hiệu</option>
                            <option>Minh họa</option>
                            <option>Mỹ thuật</option>
                            <option>Mỹ thuật số</option>
                            <option>Nhiếp ảnh</option>
                            <option>Animation</option>
                            <option>Video/Film</option>
                            <option>Manipulations</option>
                        </select>
                    </div>
                        
                </div>
                <div class="ads"><img src="images/ads.png" /></div>
            </div>
        </div>
        <div class="content_bottom">
        	<div class="fix960">
            	<div class="block w320 fl">
                	<h3>Ấn tượng</h3>
                    <div class="swipe_gallery">
                    	<div class="arrow_left"><a href="#"></a></div>	
                        <div class="slide_gallery">
                        	<img src="images/thumb.png" width="200" height="130" />
                        </div>
                        <div class="arrow_right"><a href="#"></a></div>
                    </div>
                </div>
                <div class="block w360 fl">
                	<h3>Kiến thức </h3>
                    <div class="link01">
                    	<ul>
                        	<li><a href="#">70 Wallpaper tuyệt đỉnh dành cho Apple Fan</a></li>
                            <li><a href="#">5 yếu tố để xác định khả năng sáng tạo</a></li>
                            <li><a href="#">Những bước đơn giản để thiết kế Web Minimalism</a></li>
                            <li><a href="#">70 Wallpaper tuyệt đỉnh dành cho Apple Fan</a></li>
                            <li><a href="#" class="more">Xem thêm >></a></li>
                        </ul>
                    </div>
                </div>
                <div class="fixposition">
                	<div class="bg_black p01">tác phẩm</div>
                    <div class="fix_number_01 p02">1754</div>
                    <div class="fix_number_01 p03">486</div>
                    <div class="bg_black p04">tác<br />giả</div>
                    <div class="fix_number_02 p05">676547</div>
                    <div class="bg_black p06">lượt xem</div>
                </div>
            </div>		
        </div>
        </div>
        <div id="footer">
        	<div class="fix960">
            	<div class="copyright fl">© 2010 iPoo. All rights reserved. | <a href="#top">Back to top</a></div>
                <div class="menu_footer fr">
                	<ul>
                        <li><a href="#">Trang chủ</a>|</li>
                        <li><a href="#">Giới thiệu</a>|</li>
                        <li><a href="#">Điều khoản sử dụng</a>|</li>
                        <li><a href="#">Liên hệ</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript">//<![CDATA [ Cufon.now();  //]]></script>
</body>
</html>
